<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>tix-demos</title>
  <style>
    * {
      padding: 0;
      margin: 0;
      border: 0;
    }

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    legend,
    button form,
    fieldset,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
      padding: 0;
      margin: 0;
    }

    /* 酌情修改 */
    body {
      background: #fff;
      color: #333;
      font-size: 12px;
      margin-top: 5px;
      font-family: "SimSun", "宋体", "Arial Narrow";
    }

    /* 短引用的内容可取值：''或"" */
    q:before,
    q:after {
      content: ”;
    }

    /* 缩写，图片等无边框 */
    fieldset,
    img,
    abbr,
    acronym {
      border: 0 none;
    }

    abbr,
    acronym {
      font-variant: normal;
    }

    legend {
      color: #000;
    }

    /* 清除特殊标记的字体和字号 */
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var {
      font-weight: normal;
      font-style: normal;
    }

    /* 上下标 */
    sup {
      vertical-align: text-top;
    }

    sub {
      vertical-align: text-bottom;
    }

    /* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    /* 表格标题及内容居左显示 */
    caption,
    th {
      text-align: left;
    }

    input,
    img,
    select {
      vertical-align: middle;
    }

    /* 清除列表样式 */
    ol,
    ul {
      list-style: none;
    }

    /* 输入控件字体 */
    input,
    button,
    textarea,
    select,
    optgroup,
    option {
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
    }

    /* 标题元素样式清除 */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: normal;
      font-size: 100%;
    }

    /* 链接样式，颜色可酌情修改 */
    del,
    ins,
    a {
      text-decoration: none;
    }

    a:link {
      color: #009;
    }

    a:visited {
      color: #800080;
    }

    a:hover,
    a:active,
    a:focus {
      color: #c00;
      text-decoration: underline;
    }

    /* 鼠标样式 */
    input[type="submit"] {
      cursor: pointer;
    }

    button {
      cursor: pointer;
    }

    input::-moz-focus-inner {
      border: 0;
      padding: 0;
    }

    .clear {
      clear: both;
    }
  </style>
  <style>
    .wrapper li {
      list-style: none;
      float: left;
      padding: 10px;
    }

    .wrapper li a {
      font-size: 18px;
    }
  </style>
  <link rel="stylesheet" href="./css/header.css">
</head>

<body>
  <div class="header-wp">
    <header class="header">
      <div class="wp">
        <div class="container-wp">
          <div class="header-main">
            <div class="logo"><img src="./assets/imgs/tixLogo.png"></div>
            <div class="minapp">
              <div class="menu">
                <ul>
                  <li><a title="首页" href="https://tix.youyoubai.com" class="active">首页</a></li>
                  <li><a title="文章" href="https://tix.youyoubai.com/article/article.html">文章</a></li>
                  <li><a title="导航" href="https://tix.youyoubai.com">导航</a></li>
                  <li><a title="排行" href="https://tix.youyoubai.com">排行</a></li>
                  <li class="last"><span></span> <span></span> <span></span>
                    <div class="nav-div" style="display:none;">
                      <nav class="nav">
                        <div class="small-nav"><a target="_blank"
                            href="https://tix.youyoubai.com/detail/14.html">常见问题</a></div>
                        <div class="small-nav"><a href="https://tix.youyoubai.com/detail/15.html">开发规范</a>
                        </div>
                        <div class="small-nav"><a href="https://tix.youyoubai.com/about/about.html">关于我们</a></div>
                      </nav>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
  </div>
  <div class="wrapper">
    <li>
      <a href="./cube/cube.html" target="_bank">3D-cube-demo</a>
    </li>
    <li>
      <a href="./flashBanner/index.html">仿flash的带预览轮播</a>
    </li>
    <li>
      <a href="./CSS3动画效果集合/CSS3transform.html">CSS3手写酷炫动画</a>
    </li>
    <li>
      <a href="./threejs/场景中插入新的几何体.html">three.js初体验</a>
    </li>
    <li>
      <a href="./echarts/echarts-demo.html">echarts总结</a>
    </li>
  </div>
</body>
</html>